@charset "utf-8";
/* CSS Document */
@media (max-width:640px){
	.boot .banner{ height:200px;width:100%;}
	.boot #topTrade div{ background-size:100%;width:375px;}
}
@font-face {
    font-family:'bookman_demi';
    src:url('fonts/bookman_demi-webfont.eot');
    src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bookman_demi-webfont.woff') format('woff'),
         url('fonts/bookman_demi-webfont.ttf') format('truetype'),
         url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg');
    font-weight:normal;
    font-style:normal;
}
body { margin:0; padding:0; padding-top:111px; font-family:"Microsoft YaHei"; font-size:12px; line-height:1.5; color:#2a2a2a; taransition:all .5s;-webkit-taransition:all .5s;}
a { color:#2a2a2a; text-decoration:none;}

img { border:0; display:inline; vertical-align: bottom;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}

div.body{ min-width:1024px; margin:auto; overflow:hidden; }
.tpleft{ float:left;}
.tpright{ float:right;}
.cen_m{ width:1200px; margin:0px auto;}


.top_one{ background:#000036; height:111px;}
.top{height:111px; background:#fff; position:fixed; top:0; left:0; width:100%; z-index:100}
.top .logo{ float:left; margin-top:29px;}
.top .cen_m{ position:relative;}
.key_z{ font-size:16px; color:#232222; float:left; width:223px; margin-top:45px; margin-left:15px;}
.menu{ height:111px; float:right; width:680px; margin-right:90px;}
.menu ul li{ float:left;}
.menu ul li a{ display:block; color:#2c2d28;font-size:15px; height:107px; line-height:111px; padding-left:19px; padding-right:19px;}
.menu ul li.cur a{ border-bottom:4px #f0ab20 solid; }
.menu ul li.ts{ position:relative; height:87px;width:173px;padding-left:17px; padding-right:17px; display:block;}
.menu ul li.ts .logo{ width:173px; position:absolute; top:-30px;}
.menu ul li.ts .logo a{ padding-left:0px; padding-right:0px;}

.telphone{ border-left:1px #f0f0f0 solid;background:#fff; border-right:1px #f0f0f0 solid; width:90px; height:111px;overflow:hidden; position:absolute; right:0; top:0;transition:all .5s;-webkit-transition:all .5s;}
.telphone:hover{width:300px;}
.telphone .dh{ float:left; background:url(../images/index_06.png) center no-repeat; width:90px; height:111px;}
.telphone .box{width:300px; height:111px; }
.telphone .box span{float:left;height:111px; line-height:111px; font-size:24px; font-weight:bold;}

.banner{ height:601px; height:601px; position:relative;}
#topTrade{height:100%; width:100%;margin:0px;text-align: center; position:absolute; top:0; left:0; z-index:30;}
#topTrade div{height:100%;overflow:hidden;width:100%; min-width:1003px; position:absolute;text-align: center;left:0px;top:0px; z-index:10; display:none; background-position:center; background-repeat:no-repeat;}
#topTrade div a{display:block; position:relative; height:100%;width:100%;}
#pager{position:absolute; bottom:10px; left:50%; z-index:100}
#pager a{position:relative; float:left; left:-50%;width:15px; height:15px; margin:10px; background:#fff; line-height:0; font-size:0; text-indent:-99em; overflow:hidden;border-radius:50%;}
#pager a.activeSlide{ background:#c42323;}

.part1{ background:#fafafa; padding-top:82px; padding-bottom:87px;}

.part2{ margin-bottom:45px; text-align:center;}
.part2 .bt{ text-align:center; color:#959494; font-size:23px;font-weight:bold; line-height:40px; margin-bottom:7px;}
.part2 .bt span{ color:#005bac; font-size:34px; }
.part2 .nr{ text-align:center; color:#6f6969; line-height:22px; font-size:15px;}
.part2 .sml{ font-size:20px; margin-bottom:10px;}
.part2 .nr1{ color:#fff; font-size:15px; line-height:35px; padding-top:17px;}


.m_one ul li{ width:188px; float:left; position:relative; margin-left:80px; margin-right:24px;}

.m_one ul li a{ display:block;}
.m_one ul li a .bk{ width:184px; height:184px; background:#fafafa; border:1px #b5b5b5 solid; border-radius:92px; color:#2e2b2b; transition:all .3s;-webkit-transition:all .3s;}
.m_one ul li a:hover .bk{ background:#005bac; border:1px #005bac solid; color:#fff;}
.m_one ul li a:hover .bh{ bottom:-20px;}
.m_one ul li a .bk .tp{ margin:30px auto 12px; width:49px; height:52px;}
.m_one ul li a .bk .bt{ text-align:center; font-size:25px;}
.m_one ul li:nth-child(1) a .tp{ background:url(../images/index_13.png) center no-repeat;}
.m_one ul li .bh{ width:70px; height:70px;background:#fafafa; border-radius:35px; left:50%; position:absolute; margin-left:-35px; bottom:-35px;transition:all .3s;-webkit-transition:all .3s; }
.m_one ul li:nth-child(1) .bh{background:#fafafa url(../images/index_26.png) center no-repeat;}
.m_one ul li:nth-child(1) a:hover .tp{background:url(../images/index_131.png) center no-repeat;}

.m_one ul li:nth-child(2) a .tp{ background:url(../images/index_15.png) center no-repeat;}
.m_one ul li:nth-child(2) .bh{background:#fafafa url(../images/index_28.png) center no-repeat;}
.m_one ul li:nth-child(2) a:hover .tp{background:url(../images/index_151.png) center no-repeat;}

.m_one ul li:nth-child(3) a .tp{ background:url(../images/index_17.png) center no-repeat;}
.m_one ul li:nth-child(3) .bh{background:#fafafa url(../images/index_30.png) center no-repeat;}
.m_one ul li:nth-child(3) a:hover .tp{background:url(../images/index_171.png) center no-repeat;}

.m_one ul li:nth-child(4) a .tp{ background:url(../images/index_19.png) center no-repeat;}
.m_one ul li:nth-child(4) .bh{background:#fafafa url(../images/index_32.png) center no-repeat;}
.m_one ul li:nth-child(4) a:hover .tp{background:url(../images/index_191.png) center no-repeat;}

.part3{background: url(../images/sybanner_38.gif) center no-repeat;padding-top:78px;padding-bottom:83px;  clear:both; position:relative; overflow:hidden;}
.part2.one .bt{ color:#fff;}
.part2.one .bt span{ color:#fff;}
.part2.one .sml{ color:#ebf3f9; margin-bottom:5px;}
.part2.one .nr{ color:#c6c3c3;}

.m_two{ height:378px;}
.m_two ul { width:1273px;}
.m_two ul li a{width:563px; height:378px; position:absolute;}
.m_two ul li{ width:563px;height:378px; margin-right:73px; float:left; position:relative; top:80px; opacity:0;}
.active .m_two ul li{  transition:all 1s;-webkit-transition:all 1s;top:0px; opacity:1; transition-delay:.6s;-webkit-transition-delay:.6s;}
.active .m_two ul li.two{transition-delay:.9s;-webkit-transition-delay:.9s;}
.m_two ul li.one a{ display:block;background:url(../images/index_39.jpg) center no-repeat; position:relative; overflow:hidden;}
.m_two ul li a:before{ content:"\200B";display:block; position:absolute;width: calc(100% - 22px);height: calc(100% - 22px); top:10px; left:10px; border:solid 1px #fff; transition:all ease-out .4s;-webkit-transition:all ease-out .4s; animation-delay:.4s;-webkit-animation-delay:.8s;}
.m_two ul li a:after{ content:"\200B"; display:block; position:absolute; border:solid 1px #3e8cd8; width: calc(100% + 20px);height: calc(100% + 20px); top:-10px; left:-10px; transition:all ease-out .4s;-webkit-transition:all ease-out .4s;}
.m_two ul li a:hover:after{width: calc(100% - 22px);height: calc(100% - 22px); top:10px; left:10px; animation-delay:.4s;-webkit-animation-delay:.8s;}
.m_two ul li a:hover:before{width: calc(100% + 20px);height: calc(100% + 20px); top:-10px; left:-10px; }
.m_two ul li.two a{background:url(../images/index_41.jpg) center no-repeat;overflow:hidden;}
.m_two ul li a .xfk{ background:#fff;width:563px; height:378px;filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6; }
.m_two ul li a .bx{position:absolute; width:545px; height:355px; top:12px; left:9px;}
.m_two ul li a .bx .nrjs{ width:452px; margin:0px auto; padding-top:55px; color:#2c2d2d;}
.m_two ul li a .bx .nrjs .bt{ text-align:center; font-size:30px; margin-bottom:15px;}
.m_two ul li a .bx .nrjs .nr{ text-align:center; font-size:18px; line-height:30px; height:117px;}
.m_two ul li a .bx .nrjs .more{ width:200px; margin:0px auto; height:46px; line-height:46px; text-align:center; background:#fff; color:#6b6d6e; font-size:14px;}
.m_two ul li a:hover .xfk{ background:#005bac;filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8; }
.m_two ul li a:hover .nrjs { color:#fff;}


.part4{padding-top:93px; height:653px; position:relative; overflow:hidden;background: url(../images/sybanner_39.jpg) center top no-repeat;}
.m_three{background:url(../images/ship1.jpg) center no-repeat; width:423px; height:361px; float:left; position:relative; left:-80px; opacity:0; }
.m_three.one{background:url(../images/ship2.jpg) center no-repeat;float:right; left:auto; right:-80px;}
.active .m_three{ transition:all 1s; transition-delay:.6s;-web-transition-delay:.6s;left:0; opacity:1;}
.active .m_three.one{ left:auto; right:0px;}
.m_three .nrjs{ width:349px; margin:0px auto; padding-top:65px; color:#fff;}
.m_three .nrjs .bt{ font-size:30px; margin-bottom:13px;}
.m_three .nrjs .nr{ font-size:18px; line-height:30px;}
.m_three a{ display:block; width:423px; height:361px;}

.part5{padding-top:138px; height:421px; margin-bottom:71px; position:relative; overflow:hidden;}
.part5 .fadeup, .part3 .fadeup{  transform:translateY(100px);-webkit-transform:translateY(100px); opacity:0;}
.part5.active .nr1.fadeup, .part3.active .nr1.fadeup{transition-delay:.9s;transition-delay:.9s;}
.part5.active .m_more.fadeup, .part3.active .m_more.fadeup{transition-delay:1.2s;transition-delay:1.2s;}
.part5.active .fadeup, .part3.active .fadeup{transition:all .8s ease-out;-webkit-transition:all .8s ease-out;transition-delay:.6s;transition-delay:.6s;transform:translateY(0px);-webkit-transform:translateY(0px); opacity:1;}

.m_more{ width:194px; height:44px; margin:0px auto; line-height:44px; text-align:center; background:#005bac; border-radius:20px;}
.m_more a{ color:#fff; font-size:15px;}

.m_new{ margin-bottom:40px;}
.m_new ul{ width:1250px;}
.m_new ul li{ width:580px; float:left; margin-right:40px; margin-bottom:45px;}
.m_new ul li .nrjs{ width:335px; float:right;}
.m_new ul li .nrjs .bt a{ display:block; color:#232526; font-size:20px; line-height:35px; height:35px; overflow:hidden; margin-bottom:7px;}
.m_new ul li .nrjs .nr{ color:#929191; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-bottom:18px;}
.m_new ul li .nrjs .bq span{ display:block; border:1px #dcdcdc solid; float:left; padding-left:11px; padding-right:11px; border-radius:20px; line-height:28px; color:#b1b1b1; font-size:14px; margin-right:7px;}
.part6{ text-align:center; margin-bottom:80px;}

.part7{background:url(../images/sybanner_50.gif) center top no-repeat;height:544px;}
.db_tel{ background:#005bac; width:403px; padding-top:59px; height:485px; float:left;}
.m_four{ width:328px; margin:0px auto; color:#fff; font-size:14px;}
.m_four .bt{ font-size:35px; font-weight:bold; margin-bottom:3px;}
.m_four .st{ height:1px; background:#fff; width:56px; margin:15px auto 28px 0px;}
.m_four .dh{ margin:24px auto 40px;}
.m_four .js{ line-height:30px;}

.m_bd{ background:#fff; width:715px; height:430px; padding-top:45px; float:left; margin-left:51px; margin-top:36px;}
.m_bd .bt{ width:623px; margin:0px auto 25px; color:#3d3d3d; font-size:25px;}
.zx_bd{ width:566px; height:47px; background:#fff; border:1px #dfdfdf solid;font-family:"Microsoft YaHei"; font-size:14px; padding-left:54px;}
.zx_bd.one{ background:#fff url(../images/index_64.jpg) 17px center no-repeat;}
.zx_bd.two{ background:#fff url(../images/index_75.jpg) 17px center no-repeat; width:245px;}
.zx_bd.three{ background:#fff url(../images/index_78.jpg) 17px center no-repeat; width:245px;}
.zxser td{ padding-bottom:25px;}
.xuq{width:606px;padding-left:14px;border:1px #dfdfdf solid;font-family:"Microsoft YaHei"; font-size:14px; padding-top:14px;}

.qd_an{ width:192px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:15px; background:#005bac; border:0px;font-family:"Microsoft YaHei"; border-radius:20px; }
.foot{ background:#141414; text-align:center; line-height:66px; height:66px; color:#757575; font-size:14px;}

.aboutbanner{ height:438px; position:relative;overflow:hidden;}
.mediabanner{ height:601px; position:relative; overflow:hidden;}
.about_one{ margin-bottom:83px;height:519px; padding-top:71px;  overflow:hidden; position:relative;}

.about_js{ width:582px; padding-top:30px; float:left; margin-left:113px; color:#3a3435; line-height:26px; font-size:14px;}
.about_two{ height:576px; background:#f9f9f9; margin-bottom:84px;}
.about_two .dit{ float:right;width:638px; height:576px;}

.contact_one{ width:440px; float:left; margin-left:56px; padding-top:54px;}
.lx_tb{ margin-bottom:23px;}
.lx_us{ color:#515151; font-size:14px; line-height:28px;}
.lx_us td{ padding-bottom:8px;}
.lx_weix{ width:115px; text-align:center; font-size:15px; color:#0a408a;}
.lx_weix img{ margin-bottom:11px;}

.media_one{ padding-top:80px; background:#fafafa; padding-bottom:94px; margin-bottom:74px; overflow:hidden;}
.media_two{ height:463px; background:#005bac;}
.media_two .nrjs{ width:484px; float:left; margin-left:52px; padding-top:100px; color:#fff;}
.media_two .nrjs .bt{ font-size:28px; font-weight:bold;}
.media_two .nrjs .bt,
.media_two .nrjs .sml,
.media_two .tpright img{position:relative;transform:translateX(300px);-webkit-transform:translateX(300px); opacity:0}
.media_two .nrjs .st,
.media_two .nrjs .nr{position:relative;transform:translateY(200px);-webkit-transform:translateY(200px); opacity:0}
.media_two.active .nrjs .bt,
.media_two.active .nrjs .sml{transition:all .8s ease;-webkit-transition:all .8s ease; transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
.media_two.active .nrjs .bt{transition-delay:1.1s;-webkit-transition-delay:1.1s;}
.media_two.active .nrjs .sml{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.media_two.active .nrjs .st,
.media_two.active .nrjs .nr{transition:all .8s ease;-webkit-transition:all .8s ease; transform:translateY(0);-webkit-transform:translateY(0);opacity:1}
.media_two.active .nrjs .st{transition-delay:1.7s;-webkit-transition-delay:1.7s;}
.media_two.active .nrjs .nr{transition-delay:2s;-webkit-transition-delay:2s;}
.media_two .nrjs .sml{ font-size:23px;}
.media_two .nrjs .st{ background:#fff; height:1px; width:60px; margin:15px auto 22px 0px;}
.media_two .nrjs .nr{ font-size:14px; line-height:30px;}
.media_two.active .tpright img{transition:all .8s ease;-webkit-transition:all .8s ease; transform:translateX(0);-webkit-transform:translateX(0);opacity:1; transition-delay:.3s;-webkit-transition-delay:.3s;}
.media_three{ background:#fafafa;width:100%; overflow:hidden; margin-bottom:78px; background:#fafafa; height:578px;}
.med_middle{ position:relative; }
.m_tp{ width:958px; position:absolute; left:-358px;  top:0px;}
.m_tp img{transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0;}
.active .m_tp img{transition:all .8s;-webkit-transition:all .8s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;transition-delay:.3s;-webkit-transition-delay:.3s;}
.med_middle .nrjs{ width:436px; float:right; margin-right:77px; padding-top:127px; color:#333333;}
.med_middle .nrjs .bt{ font-size:28px; font-weight:bold;}

.med_middle .nrjs .st{ background:#bdb6b6; height:1px; width:60px; margin:15px auto 22px 0px;}
.med_middle .nrjs .nr{ font-size:14px; line-height:30px;}

.med_middle .nrjs .bt{position:relative;transform:translateX(300px);-webkit-transform:translateX(300px); opacity:0}
.active .med_middle .nrjs .bt{transition:all .8s ease;-webkit-transition:all .8s ease; transform:translateX(0);-webkit-transform:translateX(0);opacity:1;transition-delay:1.1s;}
.med_middle .nrjs .st,
.med_middle .nrjs .nr{position:relative;transform:translateY(200px);-webkit-transform:translateY(200px); opacity:0}
.active .med_middle .nrjs .st,
.active .med_middle .nrjs .nr{transition:all .8s ease;-webkit-transition:all .8s ease; transform:translateY(0);-webkit-transform:translateY(0);opacity:1}
.active .med_middle .nrjs .st{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.active .med_middle .nrjs .nr{transition-delay:1.7s;-webkit-transition-delay:1.7s;}

.cop_one{ border-left:1px #e3e3e3 solid; margin:0px auto 78px;}
.cop_one ul li{ width:300px;border-right:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;box-sizing:border-box;-webkit-box-sizing:border-box; height:358px; float:left; position:relative; top:100px; opacity:0;}
.cop_one.active ul li{transition:all .8s;-webkit-transition:all .8s; top:0; opacity:1;}
.cop_one.active ul li:nth-child(1){transition-delay:.3s;-webkit-transition-delay:.3s;}
.cop_one.active ul li:nth-child(2){transition-delay:.6s;-webkit-transition-delay:.6s;}
.cop_one.active ul li:nth-child(3){transition-delay:.9s;-webkit-transition-delay:.9s;}
.cop_one.active ul li:nth-child(4){transition-delay:1.2s;-webkit-transition-delay:1.2s;}

.cop_one ul li .st{ height:77px; text-align:center; line-height:77px; background:#47baf0; font-size:25px; color:#fff; margin-bottom:48px;}
.cop_one ul li .tp{ margin-left:81px; margin-bottom:5px;}
.cop_one ul li .nr{ line-height:30px; font-size:15px; color:#24232a; width:90%; margin:0px auto; text-align:center;}
.cop_one ul li:nth-child(2n+1){ background:#f6f6f6;}
.cop_one ul li:nth-child(2n+1) .st{ background:#0e8ad9;}

.cop_two{ background:#fafafa; margin-bottom:104px; overflow:hidden;}
.cop_two ul li{ height:345px;}
.cop_two ul li:nth-child(1) .tpleft img{ transition:all .8s;-webkit-transition:all .8s; position:relative; opacity:0;transform:translateX(-100%);-webkit-transform:translateX(-100%);}
.cop_two ul li:nth-child(1).active .tpleft img{opacity:1;transform:translateX(0);-webkit-transform:translateX(0); transition-delay:.3s;}
.cop_two ul li:nth-child(2) .tpright img{ transition:all .8s;-webkit-transition:all .8s; position:relative; opacity:0;transform:translateX(100%);-webkit-transform:translateX(100%);}
.cop_two ul li:nth-child(2).active .tpright img{opacity:1;transform:translateX(0);-webkit-transform:translateX(0); transition-delay:.3s;}

.cop_two .nrjs{ width:540px; float:left; margin-left:35px; padding-top:34px; color:#333333;}
.cop_two .nrjs .bt{ font-size:28px; font-weight:bold;}

.cop_two .nrjs .st{ background:#bdb6b6; height:1px; width:60px; margin:15px auto 22px 0px;}
.cop_two .nrjs .nr{ font-size:14px; line-height:30px;}
.net_one{height:602px; padding-top:83px;position:relative; overflow:hidden;}

.cop_two li:nth-child(1) .nrjs .bt,
.cop_two li:nth-child(2) .nrjs .bt{position:relative;transform:translateX(300px);-webkit-transform:translateX(300px); opacity:0}
.cop_two li.active:nth-child(1) .nrjs .bt,
.cop_two li.active:nth-child(2) .nrjs .bt{transition:all .8s ease;-webkit-transition:all .8s ease; transform:translateX(0);-webkit-transform:translateX(0);opacity:1;transition-delay:1.1s;}
.cop_two li:nth-child(1) .nrjs .st,
.cop_two li:nth-child(1) .nrjs .nr,
.cop_two li:nth-child(2) .nrjs .st,
.cop_two li:nth-child(2) .nrjs .nr{position:relative;transform:translateY(200px);-webkit-transform:translateY(200px); opacity:0}
.cop_two li:nth-child(1).active .nrjs .st,
.cop_two li:nth-child(1).active .nrjs .nr,
.cop_two li:nth-child(2).active .nrjs .st,
.cop_two li:nth-child(2).active .nrjs .nr{transition:all .8s ease;-webkit-transition:all .8s ease; transform:translateY(0);-webkit-transform:translateY(0);opacity:1}
.cop_two li:nth-child(1).active .nrjs .st,
.cop_two li:nth-child(2).active .nrjs .st{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.cop_two li:nth-child(1).active .nrjs .nr,
.cop_two li:nth-child(2).active .nrjs .nr{transition-delay:1.7s;-webkit-transition-delay:1.7s;}

.net_zs ul li{ width:240px; float:left; margin-left:20px; margin-right:40px; position:relative; top:50px; opacity:0;}
.active .net_zs ul li{ top:0; opacity:1;transition:all .5s;-webkit-transition:all .5s;}
.active .net_zs ul li:nth-child(1){ transition-delay:.3s;-webkit-transition-delay:.3s;}
.active .net_zs ul li:nth-child(2){ transition-delay:.6s;-webkit-transition-delay:.6s;}
.active .net_zs ul li:nth-child(3){ transition-delay:.9s;-webkit-transition-delay:.9s;}
.active .net_zs ul li:nth-child(4){ transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.net_zs ul li .bkbg{background:url(../images/bsbg.png) center top no-repeat; text-align:center;height:89px; padding-top:48px; margin-bottom:21px; transition:all .5s;-webkit-transition:all .5s; }
.net_zs ul li:hover .bkbg{ margin-top:-30px;}
.net_zs ul li .bt{ font-size:28px; margin-bottom:12px; text-align:center; color:#7dbff9; font-weight:bold;}
.net_zs ul li .nr{ text-align:center; color:#fff; font-size:14px; line-height:24px;}
.net_zs ul li:hover .bkbg{background:url(../images/bluebg.png) center top no-repeat;}

.net_two{height:660px; padding-top:84px; margin-bottom:87px; position:relative; overflow:hidden;}
.net_three{ width:1188px; margin:0px auto 102px;}
.net_three ul li{ width:197px; float:left; border:1px #dbdbdb solid; margin-left:-1px; margin-bottom:-1px;}
.net_three ul li img{
	transition:all .5s;
	-webkit-transition:all .5s;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.net_three ul li a:hover img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter:none;
}

.tool_one{height:520px; padding-top:94px; position:relative; overflow:hidden;}
.tool_one .tu{
	opacity:0;
	position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 50%;}
.tool_one.active .tu{ left:0;opacity:1;transition:all .5s ease;-webkit-transition:all .5s ease;transition-delay:.3s;-webkit-transition-delay:.3s;}

.tool_one .nrjs{ width:655px; float:left; margin-left:-330px; opacity:0; padding-top:84px; color:#333333; }
.tool_one.active .nrjs{margin-left:27px; opacity:1;transition:all .5s ease;-webkit-transition:all .5s ease;transition-delay:.8s;-webkit-transition-delay:.8s;}
.tool_one .nrjs .bt{ font-size:28px; font-weight:bold;}

.tool_one .nrjs .st{ background:#bdb6b6; height:1px; width:60px; margin:15px auto 22px 0px;}
.tool_one .nrjs .nr{ font-size:14px; line-height:30px;}

.tool_two{ background:#fafafa; padding-top:87px; padding-bottom:120px;}

.sj_cj{ width:1164px; margin:0px auto;}
.sj_cj ul li{ width:178px; float:left; opacity:0; position:relative;}
.sj_cj ul li:nth-child(1),
.sj_cj ul li:nth-child(3),
.sj_cj ul li:nth-child(5),
.sj_cj ul li:nth-child(7){transform:scale(0);-webkit-transform:scale(0);}
.sj_cj ul li:nth-child(2),
.sj_cj ul li:nth-child(4),
.sj_cj ul li:nth-child(6){ left:-50px;}

.active .sj_cj ul li{ opacity:1;transition:all 1s ease-out;-webkit-transition:all 1s ease-out; }
.active .sj_cj ul li:nth-child(1){transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition-delay:.3s;-webkit-transition-delay:.3s;}
.active .sj_cj ul li:nth-child(2){transition-delay:1.3s;-webkit-transition-delay:1.3s;}
.active .sj_cj ul li:nth-child(3){transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition-delay:1.6s;-webkit-transition-delay:1.6s;}
.active .sj_cj ul li:nth-child(4){transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.active .sj_cj ul li:nth-child(5){transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition-delay:2.9s;-webkit-transition-delay:2.9s;}
.active .sj_cj ul li:nth-child(6){transition-delay:3.9s;-webkit-transition-delay:3.9s;}
.active .sj_cj ul li:nth-child(7){transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition-delay:4.2s;-webkit-transition-delay:4.2s;}
.active .sj_cj ul li:nth-child(1),
.active .sj_cj ul li:nth-child(3),
.active .sj_cj ul li:nth-child(5),
.active .sj_cj ul li:nth-child(7){transform:scale(1);-webkit-transform:scale(1);}
.active .sj_cj ul li:nth-child(2),
.active .sj_cj ul li:nth-child(4),
.active .sj_cj ul li:nth-child(6){ left:0;}
.sj_cj ul li .caij{ background:#0e8ad9; width:178px; height:178px; border-radius:89px; text-align:center;}
.sj_cj ul li .caij p{ color:#fff; font-size:23px; line-height:35px; padding-top:58px;}
.sj_cj ul li.ts{ width:150px; height:178px;background:url(../images/tool_07.jpg) center center no-repeat;}
.sj_cj ul li:nth-child(4n+1) .caij{ background:#47baf0;}

.tool_three{ background:#47baf0; padding-top:88px; width:100%; overflow:hidden; margin-bottom:87px;}
.product_one{ position:relative; height:471px;}
.product_one .tp{ left:-684px; opacity:0; position:absolute; bottom:0px; }
.active .product_one .tp{left:-384px; opacity:1;transition:all .5s ease-out .3s;-webkit-transition:all .5s ease-out .3s;}
.product_one ul{ width:834px; float:right;}
.product_one ul li{ width:218px; margin-left:60px; position:relative; left:80px; float:left; opacity:0;}
.active .product_one ul li{left:0px; opacity:1;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;}
.active .product_one ul li:nth-child(1){transition-delay:0.8s;-webkit-transition-delay:.8s;}
.active .product_one ul li:nth-child(2){transition-delay:1.3s;-webkit-transition-delay:1.3s;}
.active .product_one ul li:nth-child(3){transition-delay:1.8s;-webkit-transition-delay:1.8s;}
.product_one ul li .fand_one{ margin-bottom:23px; background:#fff; border-radius:15px; padding-top:28px; height:134px;}
.product_one ul li .fand_one .pic{ text-align:center; margin-bottom:26px;}
.product_one ul li .fand_one .bt{ text-align:center; font-size:20px; color:#0e8ad9;}
.product_one ul li .nr{ color:#fff; line-height:25px; font-size:15px;}

.tool_four{ position:relative; margin-bottom:83px;}
.tool_four ul li{ width:600px; background:#eaebeb; padding-top:72px; height:395px; text-align:center; color:#333; float:left;}
.tool_four ul li .bt{ font-size:28px; font-weight:bold; margin-bottom:20px; position:relative;}
.tool_four ul li:nth-child(1) .bt,
.tool_four ul li:nth-child(1) .nr{opacity:0; left:-300px;}
.tool_four.active ul li:nth-child(1) .bt{ opacity:1; left:0; transition:all .5s ease-out .6s;-webkit-transition:all .5s ease-out .6s;}
.tool_four.active ul li:nth-child(1) .nr{ opacity:1; left:0; transition:all .5s ease-out .9s;-webkit-transition:all .5s ease-out .9s;}
.tool_four ul li .nr{ font-size:16px; line-height:50px; position:relative;}
.tool_four ul li:nth-child(2){ background:#005bac; color:#fff;}
.tool_four ul li:nth-child(2) .bt,
.tool_four ul li:nth-child(2) .nr{opacity:0; left:300px;}
.tool_four.active ul li:nth-child(2) .bt{ opacity:1; left:0; transition:all .5s ease-out .6s;-webkit-transition:all .5s ease-out .6s;}
.tool_four.active ul li:nth-child(2) .nr{ opacity:1; left:0; transition:all .5s ease-out .9s;-webkit-transition:all .5s ease-out .9s;}

.tool_four .vs{ width:187px; height:144px; position:absolute; left:50%; margin-left:-93px; top:50%; margin-top:-72px;}

.tool_five{ margin-bottom:87px;}
.tool_five ul{ width:1260px;}
.tool_five ul li { width:129px; text-align:center; font-size:18px; margin-right:47px; float:left; position:relative; top:50px; opacity:0;}
.tool_five.active ul li{ top:0; opacity:1; transition:all .8s ease}
.tool_five.active ul li:nth-child(1){ transition-delay:.3s;-webkit-transition-delay:.3s;}
.tool_five.active ul li:nth-child(2){ transition-delay:.6s;-webkit-transition-delay:.6s;}
.tool_five.active ul li:nth-child(3){ transition-delay:.9s;-webkit-transition-delay:.9s;}
.tool_five.active ul li:nth-child(4){ transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.tool_five.active ul li:nth-child(5){ transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.tool_five.active ul li:nth-child(6){ transition-delay:1.8s;-webkit-transition-delay:1.8s;}
.tool_five.active ul li:nth-child(7){ transition-delay:2.1s;-webkit-transition-delay:2.1s;}
.tool_five ul li img{ display:block; margin-bottom:24px;}
.new_fl{ background:#fff; border-bottom:1px #dddddd solid; height:90px;}
.new_fl ul li a{ float:left; width:142px; line-height:88px; text-align:center; font-size:16px; }
.new_fl ul li.cur a{border-bottom:2px #d7262e solid; color:#d7262e;}

.new_one{ background:#f5f5f5; padding-top:56px; padding-bottom:87px;}
.new_zs{ margin-bottom:20px;}
.new_zs ul{ width:1250px;}
.new_zs ul li{ width:278px; float:left; background:#fff; padding-top:33px; height:372px; margin-right:34px; margin-bottom:41px; transition:all .5s;-webkit-transition:all .5s;}
.new_zs ul li:hover{ transform:translateY(-20px);-webkit-transform:translateY(-20px);}
.new_zs ul li .nrjs{ width:227px; margin:0px auto;}
.new_zs ul li .nrjs .bt a{ color:#222222; font-size:16px; line-height:27px; height:54px; margin-bottom:5px; display:block;}

.new_zs ul li .nrjs .date{ color:#a4a5a6; font-size:14px; margin-bottom:10px;}
.new_zs ul li .nrjs .tp{ margin-bottom:20px;}
.new_zs ul li .nrjs .nr{ font-size:14px; color:#484747; line-height:25px; height:50px; overflow:hidden; margin-bottom:20px;}
.new_zs ul li .nrjs a.xq{ font-size:14px; color:#a4a5a6;}
.new_zs ul li:hover{ background:#0763c8;filter:progid:DXImageTransform.Microsoft.Shadow(color=#a4a2a2,direction=120,strength=3);/*ie*/
-moz-box-shadow: 1px 1px 10px #a4a2a2;/*firefox*/
-webkit-box-shadow: 1px 1px 10px #a4a2a2;/*safari或chrome*/
box-shadow:1px 1px 10px #a4a2a2;/*opera或ie9*/}
.new_zs ul li:hover .bt a{ color:#fff;}
.new_zs ul li:hover .nr{ color:#fff;}
.new_zs ul li .bq{ display:none;}
.fany{ text-align:center;}


.new_two{ background: url(../images/showbg_04.jpg) center repeat-y; padding-top:61px; padding-bottom:60px;}
.new_left{ width:840px; float:left;}
.linr-ti{ margin-bottom:4px; line-height:30px; font-size:20px; color:#444;}
.linr-sj{ padding-left:22px; background: url(../images/li-sj.png) center left no-repeat; line-height:20px; font-size:12px; color:#888;}
.linr-rq{ display:block; line-height:24px; font-size:12px; color:#535353; float:right;}
.linr-rq span{ line-height:44px; font-size:36px; color:#535353;}
.linr-k { margin-bottom:27px;}
.linr-k .lf{ float:left;}

.contont_js{ background:#fff; padding:40px; margin-bottom:30px; font-size:14px; line-height:30px; color:#555555;}
.contont_js p{ margin-bottom:20px;}

.li-bqk1{ clear:both; color:#939090; font-size:13px; padding-top:20px;}
.li-bq{ float:left; background:url(../images/li-bq.png) left no-repeat; padding-left:21px; margin-right:10px;}
.li-bqk1 span{display:block; border:1px #dcdcdc solid; float:left; padding-left:11px; padding-right:11px; border-radius:20px; line-height:28px; color:#b1b1b1; font-size:13px; margin-right:7px;}

.new_three ul{ float:left; line-height:30px; font-size:13px;}
.new_three ul li a{font-size:13px;}
.new_three a.goback{ display:block; border:2px #d1d1d1 solid; border-radius:10px; line-height:35px; float:right; width:98px; text-align:center; color:#666666; font-size:14px;}

.new_right{ width:280px; float:right; border:1px #dedede solid; padding-top:24px; padding-bottom:24px;}
.new_right .bt{ padding-left:15px; border-left:2px #0763c8 solid; line-height:25px; height:25px; font-size:20px; margin-bottom:20px;}
.new_right ul{ background:url(../images/li-qx.jpg) left repeat-y; width:85%; margin:0px auto;}
.new_right ul li a{ display:block; font-size:14px; padding-left:20px; line-height:38px; height:38px; overflow:hidden;background:url(../images/li-q1.png) left no-repeat;}
.new_right ul li a:hover{background:url(../images/li-q2.png) left no-repeat;}

.lazy-load{transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;opacity:0;filter:alpha(opacity=0);transform:translateY(80px);-webkit-transform:translateY(80px);}
.lazy-load.active{opacity:1;filter:alpha(100);transform:translateY(0px);-webkit-transform:translateY(0px);}
.scrollbanner{position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;}
.lazy-load .animate{ display:none;}
.lazy-load.active .animate{animation-duration:1s;animation-fill-mode:both;}
.lazy-load.active .animate.bounceIn{animation-duration:.75s; display:block;}

.kf .weixin{ position:relative;}
.kf .weixin .big{ position:absolute;width:170px; height:170px; background:white; bottom:42px; left:50%; margin-left:-85px; display:none; text-align:center;}
.kf .weixin .big img{ width:150px; height:150px; margin:auto; margin-top:10px;}
.kf .weixin .big.bounceIn{ display:block;}

a#piaofu {
    display: block;
    width: 45px;
    height: 45px;
    background: #ccc url(/zx_css/skin/gotop.png) center center no-repeat;
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 102;
	display:none;
}
.cpa{ background:#20c4cb; color:#333;}
.cpa .jk_part1{ padding-top:100px; text-align:center; padding-bottom:90px; }
.cpa .jk_part1 .title{ font-size:70px; font-weight:bold;}
.cpa .jk_part1 .nr{ font-size:50px; }
.cpa .jk_part2{background:url(../images/xym_06.jpg) bottom repeat-x; height:11px;}
.cpa .jk_part3{ background:#ffface url(../images/xym_09.jpg) bottom repeat-x; padding-top:80px; padding-bottom:80px; font-size:30px; text-align:center; line-height:70px;}
.cpa .jk_part4{ text-align:center; padding-top:80px;}
.cpa .jk_part4 .nr{font-size:30px; margin-bottom:80px;}
.cpa .bk_y{ background:#ffface; width:800px; margin:0px auto 170px; position:relative; border-radius:30px; text-align:center; padding-top:50px; padding-bottom:60px; font-size:35px; line-height:60px; color:#000;}
.cpa .jk_part5{ font-size:60px; color:#ffface; margin-bottom:30px; }
.cpa .bk_y .xft{  position:absolute; bottom:-115px; width:100%; text-align: center;}
.cpa .jk_part6{ font-size:40px; color:#ffface; margin-bottom:50px; }
.cpa .jk_part7{ width:1000px; margin:0px auto; padding-bottom:140px; font-size:30px; text-align:left; position:relative;}
.cpa .jk_part7 p{ margin-bottom:30px;}
.cpa .jk_part7 .taol{ width:100%; text-align:center; position:absolute; bottom:-60px;}
.cpa .jy_one{ width:900px; margin:0px auto; padding-top:40px; padding-bottom:40px;background:url(../images/zi_03.jpg) bottom right no-repeat; line-height:40px; color:#000;}
.cpa .jy_one .title{ font-size:35px;}
.cpa .jy_one .nr{ font-size:20px; margin-bottom:40px; padding-top:5px;}
.cpa .jk_part8{font-size:25px; padding-top:100px; padding-bottom:60px; color:#000; width:1000px; margin:0px auto; line-height:45px;}
.cpa .jk_part8 p{ margin-bottom:30px;}
.cpa .jk_part9{background:url(../images/xym_18.jpg) bottom repeat-x; height:11px;}
.cpa .jk_part10{ background:#242424; padding-top:90px; padding-bottom:40px;}
.cpa .jis_fw{ width:1100px; margin:0px auto;}
.cpa .jis_fw .title{ color:#f3d372; font-size:30px; margin-bottom:40px;}
.cpa .jis_fw ul li{ width:275px;text-align:center;float:left;color:#f3d372; font-size:30px;margin-bottom:40px;}
.cpa .jis_fw ul li:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.cpa .jis_fw ul li img{ margin-bottom:10px;}
.cpa .db_contact {padding-top:20px;}
.cpa .db_contact .lxr_js{ float:left; color:#fff; font-size:30px; line-height:55px; }